<div role="article" class="coursera-body" id="0d556988742d0dc94f406e62802d0d7b">
	<div class="container">
		<div class="coursera-full-canvas">
			<div class="row-fluid">
				<div class="span12">
					<div style="margin-bottom: 10px;" class="heading-banner">
						<a href="/users?i=$session.uid"
							style="float: right" class="internal-home btn">View Profile</a>
						<h1>My Profile <small id="coursera-profile-editor-status"
								style="font-size: 12px; line-height: 12px;"></small>
						</h1>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span12">
					<form id="coursera-profile-editor-form"
						action="/account/user/save_profile"
						enctype="multipart/form-data" method="POST"
						class="form-horizontal">
						<div class="control-group">
							<label class="control-label">Privacy</label>
							<div class="controls">
								<select name="privacy"
									style="font-size: 12px; line-height: 14px"
									class="coursera-profile-editor-privacy"><option
										value="10">Only me.</option>
									<option value="100">The Coursera community.</option>
									<option value="1000" selected="selected">Everyone on
										the web.</option>
								</select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">Photo</label>
							<div id="coursera-profile-editor-photo-controls"
								class="controls image-selector-controls">
								<div class="clearfix">
									<img src="/static/images/avatar.jpg"
										class="image-selector-image">
									<div class="image-selector-side">
										<button type="button" class="btn image-selector-button">Upload
											file</button>
										<div class="image-selector-inputs">
											<input type="file" name="my_file"
												accept="image/png,image/jpeg,image/gif,image/jpg,image/tif,image/tiff"
												class="image-selector-input"><input type="hidden"
												name="params"
												value="{&quot;max_size&quot;:1048576,&quot;auth&quot;:{&quot;key&quot;:&quot;05912e90e83346abb96c261bf458b615&quot;},&quot;template_id&quot;:&quot;50f7efd339544e21958dbd415e8c650c&quot;}"><input
												name="photo_24" type="hidden" value=""><input
												name="photo_60" type="hidden" value=""><input
												name="photo_120" type="hidden" value=""><input
												name="photo" type="hidden" value="">
										</div>
										<div style="display: none;"
											class="progress progress-striped active image-selector-progress">
											<div style="width: 0%" class="bar"></div>
										</div>
										<p class="image-selector-help">Maximum size of 1MB. JPG,
											GIF, or PNG.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">Location</label>
							<div class="controls">
								<input id="coursera-profile-editor-location" name="location"
									type="text" placeholder="City, State, Country" value="中国北京市北京"><input
									id="coursera-profile-editor-city" name="location_city"
									type="hidden" value="北京"><input
									id="coursera-profile-editor-state" name="location_state"
									type="hidden" value="北京市"><input
									id="coursera-profile-editor-country" name="location_country"
									type="hidden" value="CN"><input
									id="coursera-profile-editor-lat" name="location_lat"
									type="hidden" value="39.90"><input
									id="coursera-profile-editor-lng" name="location_lng"
									type="hidden" value="116.41">
							</div>
						</div>
						<div class="coursera-profile-editor-gender control-group">
							<label class="control-label">Gender</label>
							<div class="controls">
								<label style="width: 70px;" class="radio inline"><input
									type="radio" name="gender" value="1">Female</label><label
									style="width: 60px;" class="radio inline"><input
									type="radio" name="gender" value="2">Male</label><label
									style="width: 140px;" class="radio inline"><input
									type="radio" name="gender" value="3" checked="checked">I'd
									rather not say</label>
							</div>
						</div>
						<div class="coursera-profile-editor-birthday control-group">
							<label class="control-label">Birthday</label>
							<div class="controls">
								<select name="birthday_month" style="width: 120px;"><option
										value="-1">Month</option>
									<option value="1">January</option>
									<option value="2">February</option>
									<option value="3">March</option>
									<option value="4">April</option>
									<option value="5">May</option>
									<option value="6">June</option>
									<option value="7">July</option>
									<option value="8">August</option>
									<option value="9">September</option>
									<option value="10" selected="selected">October</option>
									<option value="11">November</option>
									<option value="12">December</option>
								</select><select name="birthday_day" style="width: 70px;"><option
										value="-1">Day</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10" selected="selected">10</option>
									<option value="11">11</option>
									<option value="12">12</option>
									<option value="13">13</option>
									<option value="14">14</option>
									<option value="15">15</option>
									<option value="16">16</option>
									<option value="17">17</option>
									<option value="18">18</option>
									<option value="19">19</option>
									<option value="20">20</option>
									<option value="21">21</option>
									<option value="22">22</option>
									<option value="23">23</option>
									<option value="24">24</option>
									<option value="25">25</option>
									<option value="26">26</option>
									<option value="27">27</option>
									<option value="28">28</option>
									<option value="29">29</option>
									<option value="30">30</option>
									<option value="31">31</option>
								</select><select name="birthday_year" style="width: 80px;"><option
										value="-1">Year</option>
									<option value="1999">1999</option>
									<option value="1998">1998</option>
									<option value="1997">1997</option>
									<option value="1996">1996</option>
									<option value="1995">1995</option>
									<option value="1994">1994</option>
									<option value="1993">1993</option>
									<option value="1992">1992</option>
									<option value="1991">1991</option>
									<option value="1990">1990</option>
									<option value="1989">1989</option>
									<option value="1988" selected="selected">1988</option>
									<option value="1987">1987</option>
									<option value="1986">1986</option>
									<option value="1985">1985</option>
									<option value="1984">1984</option>
									<option value="1983">1983</option>
									<option value="1982">1982</option>
									<option value="1981">1981</option>
									<option value="1980">1980</option>
									<option value="1979">1979</option>
									<option value="1978">1978</option>
									<option value="1977">1977</option>
									<option value="1976">1976</option>
									<option value="1975">1975</option>
									<option value="1974">1974</option>
									<option value="1973">1973</option>
									<option value="1972">1972</option>
									<option value="1971">1971</option>
									<option value="1970">1970</option>
									<option value="1969">1969</option>
									<option value="1968">1968</option>
									<option value="1967">1967</option>
									<option value="1966">1966</option>
									<option value="1965">1965</option>
									<option value="1964">1964</option>
									<option value="1963">1963</option>
									<option value="1962">1962</option>
									<option value="1961">1961</option>
									<option value="1960">1960</option>
									<option value="1959">1959</option>
									<option value="1958">1958</option>
									<option value="1957">1957</option>
									<option value="1956">1956</option>
									<option value="1955">1955</option>
									<option value="1954">1954</option>
									<option value="1953">1953</option>
									<option value="1952">1952</option>
									<option value="1951">1951</option>
									<option value="1950">1950</option>
									<option value="1949">1949</option>
									<option value="1948">1948</option>
									<option value="1947">1947</option>
									<option value="1946">1946</option>
									<option value="1945">1945</option>
									<option value="1944">1944</option>
									<option value="1943">1943</option>
									<option value="1942">1942</option>
									<option value="1941">1941</option>
									<option value="1940">1940</option>
									<option value="1939">1939</option>
									<option value="1938">1938</option>
									<option value="1937">1937</option>
									<option value="1936">1936</option>
									<option value="1935">1935</option>
									<option value="1934">1934</option>
									<option value="1933">1933</option>
									<option value="1932">1932</option>
									<option value="1931">1931</option>
									<option value="1930">1930</option>
									<option value="1929">1929</option>
									<option value="1928">1928</option>
									<option value="1927">1927</option>
									<option value="1926">1926</option>
									<option value="1925">1925</option>
									<option value="1924">1924</option>
									<option value="1923">1923</option>
									<option value="1922">1922</option>
									<option value="1921">1921</option>
									<option value="1920">1920</option>
									<option value="1919">1919</option>
									<option value="1918">1918</option>
									<option value="1917">1917</option>
									<option value="1916">1916</option>
									<option value="1915">1915</option>
									<option value="1914">1914</option>
									<option value="1913">1913</option>
									<option value="1912">1912</option>
									<option value="1911">1911</option>
									<option value="1910">1910</option>
									<option value="1909">1909</option>
									<option value="1908">1908</option>
									<option value="1907">1907</option>
									<option value="1906">1906</option>
									<option value="1905">1905</option>
									<option value="1904">1904</option>
									<option value="1903">1903</option>
									<option value="1902">1902</option>
									<option value="1901">1901</option>
								</select><span style="color: #999" class="help-inline">Feel free
									to leave out your date or year.</span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">About Me</label>
							<div class="controls">
								<textarea name="bio" style="width: 620px;" class="large"></textarea>
								<p
									style="margin-top: 6px; width: 620px; text-align: left; color: #999;"
									class="help-inline">Tell us about yourself, such as what
									you do, what your interests are, and what you hope to get out
									of your classes.</p>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">Websites</label>
							<div class="controls">
								<div class="control-mini-group">
									<div class="coursera-profile-editor-website input-prepend">
										<span style="width: 30px;" class="add-on"> <img
											src="/static/images/website_24_bw.png"> </span><input
											name="website" type="text" value="" style="width: 290px">
									</div>
								</div>
								<div data-url="data-url"
									class="coursera-profile-editor-website input-prepend">
									<span class="add-on"><img
										src="/static/images/linkedin_24_bw.png"><span
										data-url-prefix="data-url-prefix" class="text">http://linkedin.com/in/</span>
									</span><input name="" type="text"
										data-url-input="^(http(s)?://)?([^.]+\.)?linkedin.com/(in|pub)/"
										value="http://linkedin.com/in/"><a
										title="How to find your LinkedIn URL"
										href="http://help.linkedin.com/app/answers/detail/a_id/87"
										target="_blank" class="btn btn-small coursera-help-button">?</a><input
										name="website_linkedin" type="hidden"
										value="http://linkedin.com/in/">
								</div>
								<div class="coursera-profile-editor-website input-prepend">
									<span class="add-on"><img
										src="/static/images/facebook_24_bw.png">http://facebook.com/</span><input
										name="website_facebook" type="text" value=""><a
										title="How to find your Facebook URL"
										href="http://www.facebook.com/help/?faq=200712339971750#How-do-I-customize-my-timeline-or-Page-address?-Where-can-I-claim-a-username?"
										target="_blank" class="btn btn-small coursera-help-button">?</a>
								</div>
								<div class="coursera-profile-editor-website input-prepend">
									<span class="add-on"> <img
										src="/static/images/twitter_24_bw.png">http://twitter.com/</span><input
										name="website_twitter" type="text" value="">
								</div>
								<div class="coursera-profile-editor-website input-prepend">
									<span class="add-on"><img
										src="/static/images/googleplus_24_bw.png">http://plus.google.com/</span><input
										name="website_gplus" type="text" value="">
								</div>
								<div id="coursera-profile-editor-website-github"
									class="coursera-profile-editor-website input-prepend">
									<span class="add-on"><img
										src="/static/images/github_24_bw.png">http://github.com/</span><input
										name="website_github" type="text" value="">
								</div>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">My Courses</label>
							<div class="controls">
								<div class="coursera-profile-editor-course">
									<img src="/static/images/ni-logo2.png"><span>Networks
										Illustrated: Principles without Calculus</span>
								</div>
								<div style="clear: both"></div>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								<button type="submit"
									data-update="#coursera-profile-editor-status"
									data-default-message="Save Changes"
									data-inflight-message="Saving..." data-success-message="Saved!"
									disabled="disabled"
									class="coursera-save-button btn btn-primary">Save
									Changes</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div data-modal-overlay-class="coursera-overlay-dark"
		class="modal coursera-profile-editor-privacy-modal hide">
		<div class="modal-header">
			<h2>Let's make learning more social.</h2>
		</div>
		<div class="modal-body">
			<div>
				<p>We think that learning is more fun when you can do it with
					others. To make your Coursera experience better, we are adding
					profiles so you can learn more about your classmates. But, we want
					to respect your privacy.</p>
				<p>Who would you like to share your profile with? &nbsp;</p>
				<label class="radio"><input type="radio" name="privacy"
					value="10">Only me</label><label class="radio"><input
					type="radio" name="privacy" value="100">The Coursera
					community</label><label class="radio"><input type="radio"
					name="privacy" value="1000" checked="checked">Everyone on
					the web</label>
				<p style="font-size: smaller">Note: You can change your privacy
					level at any time.</p>
			</div>
		</div>
		<div class="modal-footer">
			<button data-modal-close="data-modal-close" class="btn btn-primary">OK,
				I got it!</button>
		</div>
	</div>
</div>